<template>
  <basic-container>
      <div>
        <el-row>
          <el-col>

          </el-col>
        </el-row>
        <el-calendar v-model="curentDate">
          <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
          <template
              v-slot:dateCell="{date, data}">
            <p :class="data.isSelected ? 'is-selected' : ''">
              {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}
            </p>
          </template>
        </el-calendar>
      </div>
  </basic-container>
</template>

<script>
export default {
  name: 'ware-schedule',
  data(){
    return {
      curentDate: '',

    }
  }
}
</script>

<style scoped>
  .is-selected {
    color: #1989FA;
  }
</style>
